* {
  margin: 0px;
  padding: 0px;
}
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  background: url(/html5/imgs/bg.jpg) 100% 100%;
  background-size: cover;
}
#titile {
  line-height: 40px;
  text-align: center;
  font-size: 28px;
}
#res {
  margin-top: -40px;
  position: relative;
  width: 100%;
  height: 100%;
  background: url(/html5/imgs/001.jpg);
  background-size: cover;
}
#res #mes {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 80%;
  margin-left: 10%;
  font-size: 12px;
  line-height: 30px;
}
.bg {
  width: 100%;
  position: absolute;
}
.bg img {
  width: 90%;
  margin-left: 5%;
  transition: all 5s;
}
#bg1 {
  z-index: 6;
}
#bg2 {
  z-index: 7;
}
#bg3 {
  z-index: 8;
}
#bg4 {
  z-index: 9;
}
#bg5 {
  z-index: 10;
}
#send {
  text-align: 40px;
  text-align: center;
  width: 40%;
  margin-left: 30%;
  line-height: 60px;
  background: #FF3366;
  color: white;
  border-radius: 6px;
  position: fixed;
  bottom: 100px;
}
